<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS的三种写法</title>
</head>
<body>
    <!-- 1.内联(行内)写法:写在对应的html元素上
    onclick 点击事件 只有点击对应元素时才会执行
    alert() 弹出警示框 -->
    <button onclick="alert('请先登录！')">点击即玩</button>

    <div id="d1"></div>
    <!--2.内部写法:使用script标签，在标签里写JS代码
    script标签可以写在页面任意位置，但推荐写在body的最后-->
    <script>
        //将内容输出到浏览器控制台
        console.log("Hello World!");
        console.log(d1);
    </script>
    <!--3.外部写法:用script标签的src属性引入外部的js文件
    注意:如果script标签用来引入外部js文件，则中间不能写JS代码，不执行！-->
    <script src="01.js">
        console.log("Hello World!333");//不执行！
    </script>
</body>
</html>